﻿<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta charset="utf-8">
	<title>Cloud Admin | Dynamic Tables</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
	<meta name="description" content="">
	<meta name="author" content="">
	<!-- STYLESHEETS --><!--[if lt IE 9]><script src="js/flot/excanvas.min.js"></script><![endif]-->
	<link rel="stylesheet" type="text/css" href="css/cloud-admin.css" >
	<link rel="stylesheet" type="text/css"  href="css/themes/default.css" id="skin-switcher" >
	<link rel="stylesheet" type="text/css"  href="css/responsive.css" >
	<link rel="stylesheet" type="text/css"  href="css/my.css" >
	<link rel="stylesheet" type="text/css"  href="css/commodity.css" >

	<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet">
	<!-- JQUERY UI-->
	<link rel="stylesheet" type="text/css" href="js/jquery-ui-1.10.3.custom/css/custom-theme/jquery-ui-1.10.3.custom.min.css" />
	<!-- DATE RANGE PICKER -->
	<link rel="stylesheet" type="text/css" href="js/bootstrap-daterangepicker/daterangepicker-bs3.css" />
	<!-- DATA TABLES -->
	<link rel="stylesheet" type="text/css" href="js/datatables/media/css/jquery.dataTables.min.css" />
	<link rel="stylesheet" type="text/css" href="js/datatables/media/assets/css/datatables.min.css" />
	<link rel="stylesheet" type="text/css" href="js/datatables/extras/TableTools/media/css/TableTools.min.css" />
	<link rel="stylesheet" type="text/css" href="js/page/simplePagination.css" />
	<!-- FONTS -->
</head>
<body>
	<!-- HEADER -->
	<div class="header_div">
		<span>lo<i>go</i></span><i>仓库管理系统</i>

	</div>
	<header class="navbar clearfix" id="header">
		<div class="container">
				<div class="navbar-brand">
					<span class="span_title">总部系统</span>
					<!-- TEAM STATUS FOR MOBILE -->
					<div class="visible-xs">
						<a href="#" class="team-status-toggle switcher btn dropdown-toggle">
							<i class="fa fa-users"></i>
						</a>
					</div>
					<!-- /TEAM STATUS FOR MOBILE -->
					<!-- SIDEBAR COLLAPSE -->
					<div id="sidebar-collapse" class="sidebar-collapse btn">
						<i class="fa fa-bars" 
							data-icon1="fa fa-bars" 
							data-icon2="fa fa-bars" ></i>
					</div>
					<!-- /SIDEBAR COLLAPSE -->
				</div>
				<!-- NAVBAR LEFT -->
			<ul class="nav navbar-nav pull-left hidden-xs" id="navbar-left">
				<li class="dropdown">
					<a href="purchase.html" class="dropdown-toggle">
						<span class="name">采购</span>
					</a>
				</li>
				<li class="active">
					<a href="storage.html" class="dropdown-toggle">
						<span class="name">出入库管理</span>
					</a>
				</li>
				<li class="dropdown">
					<a href="prdouct.html" class="dropdown-toggle">
						<span class="name">基本信息管理</span>
					</a>
				</li>
			</ul>
				<!-- /NAVBAR LEFT -->
				<!-- BEGIN TOP NAVIGATION MENU -->
				<ul class="nav navbar-nav pull-right">
					<!-- BEGIN USER LOGIN DROPDOWN -->
					<li class="dropdown user" id="header-user">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<img alt="" src="img/avatars/avatar3.jpg" />
							<span class="username">John Doe</span>
							<i class="fa fa-angle-down"></i>
						</a>
						<ul class="dropdown-menu">
							<li><a href="#"><i class="fa fa-user"></i> My Profile</a></li>
							<li><a href="#"><i class="fa fa-cog"></i> Account Settings</a></li>
							<li><a href="#"><i class="fa fa-eye"></i> Privacy Settings</a></li>
							<li><a href="login.html"><i class="fa fa-power-off"></i> Log Out</a></li>
						</ul>
					</li>
					<!-- END USER LOGIN DROPDOWN -->
				</ul>
				<!-- END TOP NAVIGATION MENU -->
		</div>
	</header>
	<!--/HEADER -->
	
	<!-- PAGE -->
	<section id="page">
				<!-- SIDEBAR -->
				<div id="sidebar" class="sidebar">
					<div class="sidebar-menu nav-collapse">
						<div class="divide-20"></div>

						
						<!-- SIDEBAR QUICK-LAUNCH -->
						<!-- <div id="quicklaunch">
						<!-- /SIDEBAR QUICK-LAUNCH -->
						
						<!-- SIDEBAR MENU -->
						<ul>
							<li class="active">
								<a href="storage.html">
									<i class="fa fa-tachometer fa-fw"></i> <span class="menu-text">入库</span>
									<span class="selected"></span>
								</a>
							</li>
							<li>
								<a href="library.html">
									<i class="fa fa-desktop fa-fw"></i> <span class="menu-text">出库</span>
									<span class="selected"></span>
								</a>
							</li>
							<li>
								<a href="stock.html" class="">
									<i class="fa fa-pencil-square-o fa-fw"></i> <span class="menu-text">库存</span>
									<span class="selected"></span>
								</a>
							</li>
							<li>
								<a href="return.html" class="">
									<i class="fa fa-pencil-square-o fa-fw"></i> <span class="menu-text">退货</span>
									<span class="selected"></span>
								</a>
							</li>
							<li>
								<a href="allocation.html" class="">
									<i class="fa fa-pencil-square-o fa-fw"></i> <span class="menu-text">调拨</span>
									<span class="selected"></span>
								</a>
							</li>
							<li>
								<a href="distribution.html" class="">
									<i class="fa fa-pencil-square-o fa-fw"></i> <span class="menu-text">配送</span>
									<span class="selected"></span>
								</a>
							</li>
							<li>
								<a href="deployment.html" class="">
									<i class="fa fa-pencil-square-o fa-fw"></i> <span class="menu-text">调配</span>
									<span class="selected"></span>
								</a>
							</li>
							<li>
								<a href="inventory.html" class="">
									<i class="fa fa-pencil-square-o fa-fw"></i> <span class="menu-text">盘点</span>
									<span class="selected"></span>
								</a>
							</li>
						</ul>
						<!-- /SIDEBAR MENU -->
					</div>
				</div>
				<!-- /SIDEBAR -->
		<div id="main-content">
			<!-- SAMPLE BOX CONFIGURATION MODAL FORM-->
			<div class="modal fade" id="box-config" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog">
				  <div class="modal-content">
					<div class="modal-header">
					  <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					  <h4 class="modal-title">Box Settings</h4>
					</div>
					<div class="modal-body">
					  Here goes box setting content.
					</div>
					<div class="modal-footer">
					  <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
					  <button type="button" class="btn btn-primary">Save changes</button>
					</div>
				  </div>
				</div>
			  </div>
			<!-- /SAMPLE BOX CONFIGURATION MODAL FORM-->
			<div class="container">
				<div class="row">
					<div id="content" class="col-lg-12">
						<!-- PAGE HEADER-->
						<div class="row">
							<div class="col-sm-12">
							</div>
						</div>
						<!-- /PAGE HEADER -->
						<!-- DATA TABLES -->
						<div class="row">
							<div class="col-md-12">
								<!-- BOX --><div><br></div>
								<div class="box border primary">
									<div class="box-title">
										<h4><i class="fa fa-table"></i>入库</h4>
									</div>
									<div class="search_much">
									<div class="much">
										<span class="span_text_much"><span>入库单号:</span><input tyle="text" class="my_input_text" /></span><span class="my_span_three"><span>入库类型:</span><select class="my_select"></select></span><span class="my_span_three"><span>对应单号:</span><input tyle="text" class="my_input_text"  /></span><span class="my_span_three"><span>供应商:</span><select class="my_select"></select></span><span class="my_span_three"><span>是否付款:</span><select class="my_select"></select></span><span class="my_span_three"><span>仓库:</span><select class="my_select"></select></span><span class="my_span_three"><span>时间:</span><select class="my_select"></select></span><span class="my_span_three"><span>操作人:</span><select class="my_select"></select></span>
									</div><div style="float:right;padding-top:24px;padding-right:30px;"><span class="span_button"><button class="my_button_blue" ng-click="search()">查询</button></span></div>
									</div>
									<div class="box-body" id="storage">
										<div class="btn_c">
											<button class="my_button_blue" style="float: right;margin-right: 200px;margin-bottom: 20px" onclick="f1()">添加</button>
											<div class="hide_btn">
												<p><button class="my_button_blue" style="display:none;margin-right: 81px;" onclick="add()">无对应单入库</button></p>
												<p><button class="my_button_blue" style="display: none;margin-right: 81px;" onclick="add_two()">有对应单入库</button></p>
											</div>
										</div>


										<table id="datatable" cellpadding="0" cellspacing="0" border="0" class="datatable table table-striped table-bordered table-hover">
											<thead>
												<tr>
													<th>单号</th>
													<th>供应商</th>
													<th class="hidden-xs">入库类型</th>
													<th>对应单号</th>
													<th>时间</th>
													<th>仓库</th>
													<th>是否付款</th>
													<th>已付</th>
													<th>付款方式</th>
													<th>状态</th>
													<th>操作人</th>
													<th class="hidden-xs">操作</th>
												</tr>
											</thead>
											<tbody>
												<tr class="gradeX">
													<td class="center">Trident</td>
													<td class="center">
														Internet
														 Explorer 
														4.0
														</td>
													<td class="center hidden-xs">Win 95+</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center hidden-xs"><span class="my_span_table"><button class="my_button_blue_table"  onclick="f1()">明细</button></span></td>
												</tr>
												<tr class="gradeC">
													<td class="center">Trident</td>
													<td class="center">
														Internet
														Explorer
														4.0
													</td>
													<td class="center hidden-xs">Win 95+</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center hidden-xs"><span class="my_span_table"><button class="my_button_blue_table"  onclick="f1()">明细</button></span></td>

												</tr>
												<tr class="gradeA">
													<td class="center">Trident</td>
													<td class="center">
														Internet
														Explorer
														4.0
													</td>
													<td class="center hidden-xs">Win 95+</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center hidden-xs"><span class="my_span_table"><button class="my_button_blue_table"  onclick="f1()">明细</button></span></td>

												</tr>
												<tr class="gradeA">
													<td class="center">Trident</td>
													<td class="center">
														Internet
														Explorer
														4.0
													</td>
													<td class="center hidden-xs">Win 95+</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center hidden-xs"><span class="my_span_table"><button class="my_button_blue_table"  onclick="f1()">明细</button></span></td>

												</tr>
												<tr class="gradeA">
													<td class="center">Trident</td>
													<td class="center">
														Internet
														Explorer
														4.0
													</td>
													<td class="center hidden-xs">Win 95+</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center hidden-xs"><span class="my_span_table"><button class="my_button_blue_table"  onclick="f1()">明细</button></span></td>

												</tr>
												<tr class="gradeA">
													<td class="center">Trident</td>
													<td class="center">
														Internet
														Explorer
														4.0
													</td>
													<td class="center hidden-xs">Win 95+</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center hidden-xs"><span class="my_span_table"><button class="my_button_blue_table"  onclick="f1()">明细</button></span></td>

												</tr>
												<tr class="gradeA">
													<td class="center">Trident</td>
													<td class="center">
														Internet
														Explorer
														4.0
													</td>
													<td class="center hidden-xs">Win 95+</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center">4</td>
													<td class="center hidden-xs"><span class="my_span_table"><button class="my_button_blue_table"  onclick="f1()">明细</button></span></td>
												</tr>

											</tbody>
										</table>
										<br>
										<div class="pagination-holder clearfix">
											<div id="light-pagination" class="pagination"></div>
										</div>
									</div>
								</div>
								<!-- /BOX -->
							</div>
						</div>
						<!-- /DATA TABLES -->
						<div class="separator"></div>

						<!-- /TABLE IN MODAL -->
						<!-- SAMPLE BOX CONFIGURATION MODAL FORM-->
						<div class="modal fade" id="table-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
							<div class="modal-dialog">
							  <div class="modal-content modal-table">
								<div class="modal-header">
								  <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
								  <h4 class="modal-title">Table inside a Modal</h4>
								</div>
								<div class="modal-body">
								  <table class="table table-bordered table-hover">
									<thead>
									  <tr>
										<th>#</th>
										<th>First Name</th>
										<th>Last Name</th>
										<th>Username</th>
									  </tr>
									</thead>
									<tbody>
									  <tr>
										<td>1</td>
										<td>Mark</td>
										<td>Otto</td>
										<td>@mdo</td>
									  </tr>
									  <tr>
										<td>2</td>
										<td>Jacob</td>
										<td>Thornton</td>
										<td>@fat</td>
									  </tr>
									  <tr>
										<td>3</td>
										<td>Larry</td>
										<td>the Bird</td>
										<td>@twitter</td>
									  </tr>
									</tbody>
									</table>
								</div>
								<div class="modal-footer">
								  <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
								</div>
							  </div>
							</div>
						  </div>
						<!-- /SAMPLE BOX CONFIGURATION MODAL FORM-->
						<div class="separator"></div>
						<!-- EXPORT TABLES -->
						<div class="row">
							<div class="col-md-12">

							</div>
						</div>
						<!-- /EXPORT TABLES -->
						<div class="footer-tools">
							<span class="go-top">
								<i class="fa fa-chevron-up"></i> Top
							</span>
						</div>
					</div><!-- /CONTENT-->
				</div>
			</div>
		</div>
	</section>
	<footer class="purchase_footer">
		<span>版权所有:XXXXXXXXXXXXXXXXXXXXXX</span>
	</footer>
	<!--/PAGE -->
	<!-- JAVASCRIPTS -->
	<!-- Placed at the end of the document so the pages load faster -->
	<!-- JQUERY -->
	<script src="js/jquery/jquery-2.0.3.min.js"></script>
	<!-- JQUERY UI-->
	<script src="js/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script>
	<!-- BOOTSTRAP -->
	<script src="bootstrap-dist/js/bootstrap.min.js"></script>
	
		
	<!-- DATE RANGE PICKER -->
	<script src="js/bootstrap-daterangepicker/moment.min.js"></script>
	
	<script src="js/bootstrap-daterangepicker/daterangepicker.min.js"></script>
	<!-- SLIMSCROLL -->
	<script type="text/javascript" src="js/jQuery-slimScroll-1.3.0/jquery.slimscroll.min.js"></script><script type="text/javascript" src="js/jQuery-slimScroll-1.3.0/slimScrollHorizontal.min.js"></script>
	<!-- BLOCK UI -->
	<script type="text/javascript" src="js/jQuery-BlockUI/jquery.blockUI.min.js"></script>
	<!-- DATA TABLES -->
	<script type="text/javascript" src="js/datatables/media/js/jquery.dataTables.min.js"></script>
	<script type="text/javascript" src="js/datatables/media/assets/js/datatables.min.js"></script>
	<script type="text/javascript" src="js/datatables/extras/TableTools/media/js/TableTools.min.js"></script>
	<script type="text/javascript" src="js/datatables/extras/TableTools/media/js/ZeroClipboard.min.js"></script>
	<!-- COOKIE -->
	<script type="text/javascript" src="js/jQuery-Cookie/jquery.cookie.min.js"></script>
	<!-- CUSTOM SCRIPT -->
	<script src="js/script.js"></script>
	<script src="js/my/storage.js"></script>
	<script src="js/page/jquery.simplePagination.js"></script>
	<script src="js/page/zzsc.js"></script>
	<script>
		jQuery(document).ready(function() {		
			App.setPage("dynamic_table");  //Set current page
			App.init(); //Initialise plugins and elements
		});


		function f1(){
			$(".hide_btn button").show()
		}
	</script>
	<!-- /JAVASCRIPTS -->
</body>
</html>